.flexbox{
    display:flex;
}
header{
    background: #ff5d38;
    .flexbox;
    .px2rem(height,96);
   align-items:center;
    img{
        display:block;
        .px2rem(height,53);
    }
    p{
        text-align: center;
        color:#fff;
        .font-size(30);
        margin:0 auto;
    }
}
.main{
    background:#f0f2f7;
    .padding-top(20);
    ul{
        background:#fff;
        li{
            .px2rem(line-height,100);
            .flexbox;
            .border-bottom(1,solid,#ccc);
            .margin-left(36);
            .margin-right(36);
            .font-size(30);
            input{
                border:none;
                background:none;
                display:block;
                .margin-left(90);
            }
        }
    }
    button{
        text-align: center;
        border:none;
        background:#ff5d38;
        width:94%;
        .px2rem(line-height,96);
        .px2rem(border-radius,20);
        .margin-top(20);
        .margin-left(20);
        .font-size(30);
        color:#fff;
    }
    .hint{
        .margin-left(10);
        .margin-top(20);
        .font-size(26);
        .px2rem(line-height,42);
        .padding-bottom(570);
        p:nth-child(1){
             color:#ff5d38;
         }

    }
}